<div class="userList">
    <div class="header">
        <h4 class="title">用户列表</h4>
    </div>
    <div class="searchList">
        <form class="form-horizontal" ng-submit="getUserList()">
            <div class="form-group">
                <label for="display" class="col-sm-2 control-label">用户角色</label>
                <div class="col-sm-4">
                    <select class="form-control" id="display" ng-model="search.roleId">
                        <option value="">全部</option>
                        <option value="{{key}}" ng-repeat="(key,item) in roleDict">{{item.text}}</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-4">
                    <input type="text" class="form-control" placeholder="请输入用户名、手机号..." ng-model="search.key">
                </div>
                <div class="col-sm-2">
                    <button type="submit" class="btn btn-default">查询</button>
                </div>
                <div class="col-sm-1">
                    <a href="" class="btn btn-default" ng-click="createManagerInfo()">新建</a>
                </div>
            </div>
        </form>
    </div>
    <section>
        <div dx-data-grid="userGridConfig">
            <div data-options="dxTemplate: { name: 'statusCellTemplate' }">
                <span  ng-class="{true: 'green', false: 'red'}[data.status == 10]">{{data.status == 10 ? '正常':'冻结'}}</span>
            </div>
            <div data-options="dxTemplate: { name: 'operationCellTemplate' }">
                <div class="operation">
                    <a ng-click="$parent.showManagerInfo(data)"><i></i>查看</a>
                    <a ng-if="$parent.canEdit" ng-click="$parent.$parent.editManagerInfo(data)"><i></i>编辑</a>
                    <!--<a ng-if="$parent.canEdit" ng-click="$parent.$parent.updateStatus(data)"><i></i>{{data.status != 10 ? '解冻':'冻结'}}</a>-->
                </div>
            </div>
        </div>
    </section>
</div>